@use 'src/styles/abstracts' as *;

.NotificationContainer {
  .MuiAlert-outlinedSuccess {
    border: 0.0625rem solid #2bc784;
  }
  .MuiAlert-outlinedError {
    border: 0.0625rem solid #e64e48;
  }
  .MuiPaper-root {
    background: $white;
    height: 4rem;
    display: flex;
    align-items: center;
    border-radius: $border-radius-main;
    .MuiAlert-icon {
      padding: 0;
      svg {
        width: 2.375rem;
        height: 2.375rem;
      }
    }

    .MuiAlert-action {
      display: flex;
      align-items: flex-start;
      height: 100%;
      .MuiSvgIcon-fontSizeSmall {
        font-size: 1.05rem;
        fill: $pico;
      }
    }
  }
  &__contentBox {
    &__severity {
      font-weight: $font-600;
      font-size: $text-md;
      text-transform: capitalize;
      color: $pico;
    }
    &__message {
      font-weight: $font-400;
      font-size: $text-md;
      color: $pico;
    }
  }
}
